<template>
  <div>
    <!-- 分页 -->
    <div class="block">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="1"
        :page-sizes="[1, 2, 3, 4]"
        :page-size="1"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      ></el-pagination>
    </div>
  </div>
</template>
           
<script>
export default {
  props: ["total"],
  data() {
    return {
      //第几页
      //currentPage: 1,
    }
  },
  methods: {
    //分页
    handleSizeChange(val) {
      // console.log(`每页 ${val} 条`);
      this.$emit("funcF", val);
      //   this.pagesize = val;
      //   this.getUserList();
    },
    handleCurrentChange(val) {
      // console.log(`当前页: ${val}`);
      this.$emit("funcF2", val);
      //   this.currentPage = val;
      //   this.getUserList();
    }
  }
};
</script>
<style scoped>
</style>